<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<head>
		<meta charset="utf-8">
		<title>安全协议设计工具</title>
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
		<link rel="stylesheet" type="text/css" href="css/identify.css" />
		<link rel="stylesheet" type="text/css" href="css/layout.css" />
		<link rel="stylesheet" type="text/css" href="css/account.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/control_index.css" />
		<link rel="stylesheet" type="text/css" href="css/easyui.css">
		<link rel="stylesheet" type="text/css" href="css/icon.css">
		<link rel="stylesheet" type="text/css" href="css/demo.css">
		<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>

		<script src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/layer.js"></script>
		<script type="text/javascript" src="js/haidao.offcial.general.js"></script>
		<script type="text/javascript" src="js/haidao.validate.js"></script>
		<script type="text/javascript" src="js/service.js"></script>

		<style type="text/css">
			.myPreDiv {
				padding: 25px;
			}
			
			.myPreDiv img {
				margin-bottom: 50px;
			}
			
			h1 {
				font-weight: bold;
				color: rgb(99, 194, 222);
			}
		</style>

	</head>

	<body>
	<div class="view-topbar">
		<div class="topbar-console">
			<div class="tobar-head fl">
				<a href="#" class="topbar-home-link topbar-btn text-center fl">
					<img src="images/dwlogo.png"  class="logoimg"/>
				</a>
				<div  class="mynav" >
					<span>电力监控协议安全设计工具</span>
				</div>
			</div>
		</div>
		<div class="topbar-info">
			<ul class="fr">
				<li class="fl topbar-info-item">
					<div class="dropdown">
						<a href="#" class="topbar-btn">
							<span class="fl text-normal"><span class="username"></span> </span>
							<span class="icon-arrow-down"></span>
						</a>
						<ul class="dropdown-menu topbar-btn-fontsize">
							<li>
								<a id="logout">退出</a>
							</li>
						</ul>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="view-body">
		<div class="view-sidebar">
			<div class="sidebar-content">
				<div class="sidebar-nav sidebar-nav-fold operator-nav">
					<div class="sidebar-title ">
						<a href="javascript:void(0)" id="viewProtocol">
							<span class="icon"><b class="fl icon-arrow-down"></b></span>
							<span class="text-normal">协议预览</span>
						</a>
					</div>
					<ul class="sidebar-trans" style="display: block">
						<li id="preview101">
							<a href="#">
								<b class="sidebar-icon"></b>
								<span class="text-normal">IEC60870-5-101</span>
							</a>
						</li>
						<li id="preview104">
							<a href="#">
								<b class="sidebar-icon"></b>
								<span class="text-normal">IEC60870-5-104</span>
							</a>
						</li>
						<li id="previewgoose">
							<a href="#">
								<b class="sidebar-icon"></b>
								<span class="text-normal">IEC61850-GOOSE</span>
							</a>
						</li>
						<li id="previewsv">
							<a href="#">
								<b class="sidebar-icon"></b>
								<span class="text-normal">IEC61850-SV</span>
							</a>
						</li>
						<li id="previewmms">
							<a href="#">
								<b class="sidebar-icon"></b>
								<span class="text-normal">IEC61850-MMS</span>
							</a>
						</li>
						<li id="previewdnp3">
							<a href="previewDNP3.html">
								<b class="sidebar-icon"></b>
								<span class="text-normal">DNP3</span>
							</a>
						</li>
					</ul>
				</div>

				<div class="sidebar-nav operator-nav">
					<div class="sidebar-title">
						<a href="#" id="designProtocol">
							<span class="text-normal ml-5 mloader" >协议设计</span>
						</a>
					</div>
				</div>

				<div class="sidebar-nav operator-nav">
					<div class="sidebar-title">
						<a href="#" id="testProtocol" >
							<span class="text-normal ml-5">协议测试</span>
						</a>
					</div>
				</div>
			</div>
		</div>

		<div class="view-product" id="PostionLeftFlag">
				<div class="content-header">
					<ol class="breadcrumb">
						<li>
							<a href="index.html" title="返回主页"><i class="fa fa-home"></i> 主页</a>
						</li>
						<li>预览</li>
					</ol>
				</div>

				<div class="content-body">
					<div class="tab">
						<button class="tablinks" onclick="openTab(event, 'Preview')" id="defaultOpen">协议预览</button>
						<button class="tablinks" onclick="openTab(event, 'Advice')">安全建议</button>
					</div>
					<div id="Preview" class="tabcontent">
						<div class="myPreDiv">
							<div>
								<h1>MMS的客户、服务器模型</h1>
								<img src="images/MMS/mms.png" style="width: 50%;height: 50%;" />
							</div>
							<div>
								<h1>IEC 61850中的MMS对象和服务</h1>
								<img src="images/MMS/explain.png" style="width: 55%;height: 40%;margin-top: 10px;" />
							</div>
						</div>
					</div>
					<div id="Advice" class="tabcontent">
						<div class="article">
							<h1>IEC MMS的安全问题</h1>
							<img src="images/MMS/mms-a.png">
						</div>

						<div class="article">
							<h1>IEC MMS安全策略参考</h1>
							<img src="images/MMS/mms-b.png">
						</div>

						<div class="article">
							<h1>IEC MMS改进协议推荐</h1>
							<img src="images/MMS/mms-2.png">
						</div>

					</div>
				</div>

			</div>

		</div>
	</body>
<script type="text/javascript">
	checkRole('operator');
	$(function(){
		$.get("topbar.html",function (data) {
			$(".view-topbar").empty();
			$(".view-topbar").html(data);
		});
		$.get("siderbar.html", function(data) {
			$(".view-sidebar").empty();
			$(".view-sidebar").html(data);
			$("#previewmms").addClass("active");
			$(".sidebar-trans").css("display","block");
			$(".sidebar-nav").removeClass("sidebar-nav-fold");
		});
		clickDefaultOpen();
	});

</script>
</html>